/*------------------------------Estilos de la estructura---------------------------------*/
html, body { height: 100%; }

body{
 background-color: #CDD6E8;
 background-repeat: repeat;
}


#menu{
 font:normal 12px verdana, arial, helvetica, sans-serif;
 float: left;
 height:89%;
 width: 20%;
 padding: 10px;
 margin-left:5px;
 margin-top: 5px;
 overflow-y: auto;
 border: 1px #111111 solid;
}

#tablas{
  font:normal 12px verdana, arial, helvetica, sans-serif;
  float:left;
  width:74%;
  height:90%;
  margin-top: 5px;
  margin-left: 5px;
  padding:5px;
  border: 1px #111111 solid;
  overflow: auto;
}

#crud{
  height:25%;
  width: 90%;
  margin-top: 5px;
  margin-left: 5px;
  padding:5px;
  border: 1px #111111 solid;
  background-color: #87B6D9;    
}

#foot{
  font:normal 13px verdana, arial, helvetica, sans-serif;
  float: left;
  height: 15px;
  width: 100%;
  background-color: #000000;
  border-top: #FFFFFF 1px solid;
  border-bottom: #FFFFFF 1px solid;
  margin-top:5px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
}


#foot a{
   text-decoration: none;
   color: #FFFFFF;
}

#foot a:hover{
   text-decoration: none;
   color: #FF9900;
}


#btsalir{
 float: right;
 height:16px;
 width: 66px;
 cursor: pointer;
}

#imgsalir{
 height:16px;
 width: 16px;
 background-image: url(../../images/front_login/menu/close.png);
 background-repeat: no-repeat;
 float: right;
 margin-right:10px;
}

#btsalir:hover{
  color: #FF0000;
}
/*---------------------------------Boton agregar nuevo para Crud------------------------------------------------------*/
.btnnuevo {
   margin-top: 5px; 
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
 
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 8px 16px;
   width: 175px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   }
   .btnnuevo a{
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }  
.btnnuevo:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.btnnuevo:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/*------------------------------------Calses comunes-------------------------------------------------------*/
.bordes{
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
}

.lateral {
  background-image: url(../../images/front_login/menu/bkmenu.jpg);
  background-repeat: no-repeat;
}

.tabla{
  background-image: url(../../images/front_login/tablas/bktabla.jpg);
  background-repeat: repeat-x;
}

.sombreado{
 -webkit-box-shadow:0pt 2px 3px rgba(0, 0, 0, 0.5) inset;
 -moz-box-shadow:0pt 2px 3px rgba(0, 0, 0, 0.5) inset;
 box-shadow:0pt 2px 3px rgba(0, 0, 0, 0.5) inset;
}
/*------------------------------------ Comunes a todos los Formularios --------------------------------------*/
fieldset{
 border: 1px #b0b1b3 solid;
 padding: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 background-color:rgba(170,170,170,0.38);
 }
 
legend{
  font-size:21px;
  margin:0px;
  padding:10px 0px;
  color:#747474;
  font-weight:bold;
 }
 
.label_form {
 display: block;
 float:left;
 clear: left;  
 margin: 5px 0 0;
 text-align:left;
 width: 225px;
 padding-top: 6px;
 font:normal 13px verdana, arial, helvetica, sans-serif;
 font-size: 14px;
 color: #445668;
 text-transform: uppercase;
 text-shadow: 0px 1px 0px #f2f2f2;
} 

.input_form[type=text],.input_form[type=file],select,textarea{
 display:block;
 clear: left;
 margin: 3px 0 0;
 background: rgba(255, 255, 255, 0.9);
 background:-moz-linear-gradient(90deg, #fff, #eee);
 background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff));
 border:1px solid #aaa;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius: 3px;
 -moz-box-shadow:0 0 3px #aaa;
 -webkit-box-shadow:0 0 3px #aaa;
 box-shadow:0 0 3px #aaa;
 padding:1px;
 width: 180px;
 height: 23px;
}

.input_form[type=text].input_form[type=file],select,textarea:focus{
 border-color:#093c75;
 -moz-box-shadow:0 0 3px #0459b7;
 -webkit-box-shadow:0 0 3px #0459b7;
 box-shadow: 0 0 3px #0459b7;
 outline:none;
}

#editor_tiny{
 display:block;
 clear:left;
 margin: 3px 0 0; 
}


.check_form[type=checkbox]{
 display:inline;
 float: left;
 clear: left;
}
    
.input_form_btn[type=submit]{
 margin-top:15px;
 display: block;
 float:left;
 clear: left;
}

/*-------------- Tablas -------------------------------------------------------------------------- */


.insc td,th {
  border-bottom: 1px dashed #8C8C8C;
  padding: 2px;
  }

.insc tbody tr:hover{
 background:#CADDEC;
 color:#000000;
}

/*--------------------------------------- Imagenes ------------------------------------------------*/
#thumbnail{
   position: relative;
   left: 250px;
   top:-40px;
   width: 300px;
}

/*-------------------------- Mensajes / Titulos / Toolsbars ---------------------------------------*/
.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(../../images/general/info.png);
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../../images/general/exito.png);
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../../images/general/alerta.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../../images/general/error.png);  
}

.tools{
    border: 1px solid grey;
    border-radius: 10px;
    margin: 10px 0px;
    padding:10px 10px 10px 30px;
    background-color: #B25900;
    background-image: url(../../images/general/bkbody.png);
}

.msgerror{
  font:normal 14px verdana, arial, helvetica, sans-serif;
  text-align: center;
  background-color: #FF9999;
  padding-left:30px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FF0000;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FF0000;
  margin-bottom: 5px;
  clear: both;
}
.titulo{
  font:normal 15px verdana, arial, helvetica, sans-serif;
  text-align: center;
  background-color: #FFCC66;
  padding-left:30px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #FF6600;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #FF6600;
  margin-bottom: 5px;
  clear: both;
}



